		@font-face 
		{
			font-family: "Droid Sans";
			font-style: normal;
			font-weight: bold;
			src: local("Droid Sans Bold"), local("DroidSans-Bold"), url("fonts/droid-sans-bold.woff") format("woff");
		}
		@font-face
		{
			font-family: "Droid Sans";
			font-style: normal;
			font-weight: normal;
			src: local("Droid Sans"), local("DroidSans"), url("fonts/droid-sans.woff") format("woff");
		}
		@font-face
		 {
			font-family: "OverpassBold";
			font-style: normal;
			font-weight: bold;
			src: url("fonts/overpass-bold-wf.eot?#iefix") format("eot"), url("fonts/overpass-bold-wf.woff") format("woff"), url("fonts/overpass-bold-wf.ttf") format("truetype"), url("fonts/overpass-bold-wf.svg#webfontzRhIMntw") format("svg");
			}
			
html, body, div, span, applet, object, iframe,
			h1, h2, h3, h4, h5, h6, p, blockquote, pre,
			a, abbr, acronym, address, big, cite, code,
			del, dfn, em, img, ins, kbd, q, s, samp,
			small, strike, strong, sub, sup, tt, var,
			b, u, i, center,
			dl, dt, dd, ol, ul, li,
			fieldset, form, label, legend,
			table, caption, tbody, tfoot, thead, tr, th, td,
			article, aside, canvas, details, embed, 
			figure, figcaption, footer, header, hgroup, 
			menu, nav, output, ruby, section, summary,
			time, mark, audio, video{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
}
article, aside, details, figcaption, figure, 
			footer, header, hgroup, menu, nav, section{
display:block;
}
body{
line-height:1;
background-color:#eee;
}
ol, ul{
list-style:none;
}
blockquote, q{
quotes:none;
}
blockquote:before, blockquote:after,
			q:before, q:after{
content:'';
content:none;
}
table{
border-collapse:collapse;
border-spacing:0;
}
body{
font-family:"Droid Sans", helvetica,Liberation,arial,sans-serif;
}
a, a:link, a:hover, a:visited{
color:#0066CC;
text-decoration:none;
}
p{
font-size:16px;
line-height:24px;
margin-bottom:18px;
color:#444;
}
h1{
font-size:20px;
line-height:36px;
margin-top:35px;
text-align:center;
color:#444;
font-weight:bold;
color:#555;
/*box-shadow*/
-webkit-box-shadow:0 16px 0 0 white inset, 0 -17px 0 0 white inset, 0 -40px 0 0 #eee inset;
   -moz-box-shadow:0 16px 0 0 white inset, 0 -17px 0 0 white inset, 0 -40px 0 0 #eee inset;
        box-shadow:0 16px 0 0 white inset, 0 -17px 0 0 white inset, 0 -40px 0 0 #eee inset;
}
h1 span{
background-color:white;
padding-left:15px;
padding-right:15px;
}
h2{
font-size:18px;
line-height:18px;
margin-bottom:18px;
}
#header-wrapper{
position:relative;
z-index:999;
background-color:#444;
width:100%;
height:75px;
/*box-shadow*/
-webkit-box-shadow:0 1px 0 #ddd, 0 0 5px #888, 0 50px 50px -50px #111 inset;
   -moz-box-shadow:0 1px 0 #ddd, 0 0 5px #888, 0 50px 50px -50px #111 inset;
        box-shadow:0 1px 0 #ddd, 0 0 5px #888, 0 50px 50px -50px #111 inset;
}
.inner{
max-width:960px;
margin-left:auto;
margin-right:auto;
position:relative;
color:#eee;
}
#header-wrapper .inner .left{
display:inline-block;
position:absolute;
left:0;
height:75px;
background-image:url("images/shadowman30.png");
width:100%;
background-repeat:no-repeat;
background-position:center left;
line-height:75px;
text-indent:40px;
text-transform:uppercase;
font-family:OverpassBold;
font-size:22px;
color:#eee;
}

#introtext,#getservice{
padding:30px 50px;
display:none;
}
.maincontent{
padding-top:30px;
padding-bottom:60px;
min-height:800px;
}
#maincontent-wrapper{
width:100%;
background-color:white;
}
.grid{
text-align:left;
position:relative;
padding-left:6px;
}
.cell{
display:inline-block;
vertical-align:top;
width:124px;
height:120px;
margin:10px;
position:relative;
padding:5px;
color:#555;
overflow:hidden;
}
.cell .title{
font-weight:bold;
height:35px;
line-height:35px;
text-align:center;
}
.cell .icon{
height:50px;
width:50px;
margin-left:auto;
margin-right:auto;
opacity:0.5;
margin-top:30px;

background-position:center center;
background-repeat:no-repeat;
background-image:url(images/blank.png);
}
.cell:hover{
/*box-shadow*/
-webkit-box-shadow:0 0 0 6px #f6f6f6, 0 0 0 7px #a2ddff, 0 0 9px #ddd;
   -moz-box-shadow:0 0 0 6px #f6f6f6, 0 0 0 7px #a2ddff, 0 0 9px #ddd;
        box-shadow:0 0 0 6px #f6f6f6, 0 0 0 7px #a2ddff, 0 0 9px #ddd;
background-color:#f6f6f6;
}
.cell:hover .blurb{
opacity:1;
height:40px;
width:150px;
}
.cell:hover .icon{
margin-top:-5px;
opacity:1;
/*background-size*/
-webkit-background-size:40px;
   -moz-background-size:40px;
     -o-background-size:40px;
        background-size:40px;
}
.cell .blurb{
font-size:13px;
vertical-align:middle;
text-align:center;
display:table-cell;
opacity:0;
}
.cell:hover .blurb,.cell .blurb,.cell:hover .icon,.cell .icon{
/*transition*/
-webkit-transition:all .20s ease-in;
   -moz-transition:all .20s ease-in;
     -o-transition:all .20s ease-in;
        transition:all .20s ease-in;
}
.cell#people .icon{
background-image:url(images/people.png);
}
.cell#product .icon{
background-image:url(images/product.png);
}
.cell#performance .icon{
background-image:url(images/performance.png);
}
.cell#beaker .icon{
background-image:url(images/beaker.png);
}
.cell#bugzilla .icon{
background-image:url(images/bugzilla.png);
}
.cell#brew .icon{
background-image:url(images/brew.png);
}
.cell#trac .icon{
background-image:url(images/trac.png);
}
.cell#wrangler .icon{
background-image:url(images/wrangler.png);
}
/*.cell#erratatool .icon{
background-image:url(images/erratatool.png);
}*/
.cell#vdb .icon{
background-image:url(images/vdb.png);
}
.cell#cloud .icon{
background-image:url(images/cloud.png);
}
.cell#rt .icon{
background-image:url(images/rt.png);
}
.cell#piwik .icon{
background-image:url(images/piwik.png);
}
.cell#ackview .icon{
background-image:url(images/ackview.png);
}
.cell#nitrate .icon{
background-image:url(images/nitrate.png);
}

.cell#docs .icon{
background-image:url(images/docs.png);
}

#eso-footer .eso-inner{
color:rgba(0, 0, 0, 0.4);
font-size:12px;
margin:auto;
max-width:950px;
min-width:750px;
padding:20px 0;
position:relative;
}
#eso-footer .eso-inner .footer-left{
display:inline-block;
left:0;
position:relative;
}
#eso-footer .eso-inner .footer-right{
display:inline-block;
position:absolute;
right:0;
top:30px;
}
#eso-footer{
/*box-shadow*/
-webkit-box-shadow:0 1px 0 #DDDDDD inset;
   -moz-box-shadow:0 1px 0 #DDDDDD inset;
        box-shadow:0 1px 0 #DDDDDD inset;
line-height:17px;
}

#header-wrapper .inner .right{
display:inline-block;
position:absolute;
right:0;
top:24px;
font-size:14px;
height:30px;
line-height:28px;
/*box-shadow*/
-webkit-box-shadow:0 0 0px 1px #777, 0 0 5px 0px #111, 0 -5px 10px rgba(0,0,0,0.3) inset;
   -moz-box-shadow:0 0 0px 1px #777, 0 0 5px 0px #111, 0 -5px 10px rgba(0,0,0,0.3) inset;
        box-shadow:0 0 0px 1px #777, 0 0 5px 0px #111, 0 -5px 10px rgba(0,0,0,0.3) inset;
margin-left:4px;
/*border-radius*/
-webkit-border-radius:3px;
   -moz-border-radius:3px;
        border-radius:3px;
background-color:rgba(255,255,255,0.2);
}

#header-wrapper .button{
height:100%;
cursor:pointer;
display:inline-block;

font-size:13px;
box-shadow: 1px 0 0 rgba(255,255,255,0.3);
float:left;
-webkit-transition:all .10s ease-in;
   -moz-transition:all .10s ease-in;
     -o-transition:all .10s ease-in;
        transition:all .10s ease-in;
}

#header-wrapper .button a{
color:pink;
padding-left:8px;
padding-right:8px;
display:block;
}

#header-wrapper .button:last-child
{
	box-shadow: none;
}

#header-wrapper a, #header-wrapper a:link, #header-wrapper a:hover, #header-wrapper a:visited,
#tabbarthingo a, #tabbarthingo a:link, #tabbarthingo a:hover, #tabbarthingo a:visited{
color:inherit;
}
#header-wrapper .button:hover{
background-color:rgba(255,255,255,0.2);
-webkit-transition:all .10s ease-in;
   -moz-transition:all .10s ease-in;
     -o-transition:all .10s ease-in;
        transition:all .10s ease-in;
/*box-shadow*/

}
#tabbarthingo{
	color:#333;
	margin-bottom:8px;
	/*border-radius*/
	-webkit-border-radius:6px;
	   -moz-border-radius:6px;
		    border-radius:6px;
	/*box-shadow*/
	-webkit-box-shadow:	0 0 0 1px #ddd, 0 -4px 10px -4px #ddd inset;
	-moz-box-shadow:	0 0 0 1px #ddd, 0 -4px 10px -4px #ddd inset;
	box-shadow:			0 0 0 1px #ddd, 0 -4px 10px -4px #ddd inset;
	display:inline-block;
	background-color:white;
	height:24px;
	line-height:24px;
	margin-left:11px;
}
#tabbarthingo span{

	font-size:13px;
	color:#555;
	display: inline-block;
	height:100%;
	float:left;
	text-align:center;
}
#tabbarthingo span a
{
	padding-left:12px;
	padding-right:12px;
	display:block;
}
#tabbarthingo span.active{
background-color:#666;
box-shadow: 0 0 0 1px #666, 0 0 5px 0 #000 inset;
color:white;
cursor:default;
-webkit-transition:all .20s ease-in;
   -moz-transition:all .20s ease-in;
     -o-transition:all .20s ease-in;
        transition:all .20s ease-in;
}
#tabbarthingo span.active:first-child
{
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
}
#tabbarthingo span.active:last-child
{
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
}
.ui-widget-overlay{
background-color:rgba(0,0,0,0.5);
position:absolute;
top:0;
}
.ui-dialog{
background-color:white;
/*box-shadow*/
-webkit-box-shadow:0 0 0 1px #888, 0 0 10px #fff;
   -moz-box-shadow:0 0 0 1px #888, 0 0 10px #fff;
        box-shadow:0 0 0 1px #888, 0 0 10px #fff;
}
.ui-dialog-titlebar-close{
position:absolute;
top:-10px;
right:-10px;
height:24px;
width:24px;
/*border-radius*/
-webkit-border-radius:13px;
   -moz-border-radius:13px;
        border-radius:13px;
background-color:white;
/*box-shadow*/
-webkit-box-shadow:0 0 0 1px #999, 0 0 5px 1px #777;
   -moz-box-shadow:0 0 0 1px #999, 0 0 5px 1px #777;
        box-shadow:0 0 0 1px #999, 0 0 5px 1px #777;
background-image:url(images/cross.png);
background-repeat:no-repeat;
background-position:center center;
}
